// 通用颜色变量（不受主题影响）
:root {
  // layout
  --cjui-header-color: #bfcbd9; // 系统顶部菜单文字色
  --cjui-header-bg-color: #020811; // 系统顶部菜单背景色
  --cjui-header-drop-bg-color: #fff; // 系统顶部菜单用户信息下拉背景色
  --cjui-header-drop-bg-color-hover: #f9f9f9; // 系统顶部菜单用户信息下拉背景色-hover
  
  // loading
  --cjui-loading-modal-color: rgba(255, 255, 255, 0.8);  // 遮罩层背景颜色
}
html.dark {
  --cjui-header-drop-bg-color: #020811; // 系统顶部菜单用户信息下拉背景色
  --cjui-header-drop-bg-color-hover: rgba(255, 255, 255, 0.1); // 系统顶部菜单用户信息下拉背景色-hover
  
  // loading
  --cjui-loading-modal-color: rgba(0, 0, 0, 0.8);  // 遮罩层背景颜色
}


// 扩展颜色变量
:root {
  --cjui-color-green: #67c23a;
  --cjui-color-green-grad: linear-gradient(130deg, #67c23a, #a4e759);

  --cjui-color-blue: #0e4cfd;
  --cjui-color-blue-grad-light: linear-gradient(130deg, #0e4cfd, #6a8eff);

  --cjui-color-yellow: #ff763b;
  --cjui-color-yellow-grad-light: linear-gradient(130deg, #ff763b, #ffc480);

  --cjui-color-red: #fc525c;
  --cjui-color-red-grad-light: linear-gradient(130deg, #fc525c, #fbaaa2);

  --cjui-color-gray: #545454;
  --cjui-color-gray-grad-light: linear-gradient(130deg, #545454, #868686);

  --cjui-color-blue: #409eff;
  --cjui-color-pink: #ff40c6;
}

// 系统模式 - 灰度
html.grey {
  filter: grayscale(100%);
}
